body,html{ width:100%;}
#main-wrapper{ width:100%;}
#main-wrapper .main{ width:1315px;margin:0 auto;}
.main .fir{ width:1305px; height:36px;background:#f8f8f8;line-height:36px;
display:flex;flex-direction:row;padding-left:10px;
}
.main .fir span,p{color:#ffa520;}
.main .fir a{color:#333333;display:inline-block;margin:0 10px;}
.main .xxsm{ width:1315px; height:45px; border-bottom:1px solid #ededed;
line-height:55px;display:block;
}
.main .xxsm a{color:#333333;font-size:20px;}
.main .main-show{ width:1315px; height:460px;}
.main-show .s-left{float:left;margin-right:16px;position:relative; width:300px;}

.main-show .s-left .midimg{width:280px; height:280px;
border:1px solid #e39300;background-size:cover;
text-align:center;margin-top:15px;position:absolute;
}
.main-show .s-left .midimg  #smlarea{position:absolute;
height:180px; width:180px;background:#e39300;
opacity:.5;top:16px;left:0;display:none;
}
.main-show .s-left #lararea{width:300px; height:300px; border:1px solid #555;
text-align:center;margin-top:15px;position:absolute;top:0px;left: 300px;overflow:hidden;
display:none;
}
.main-show .s-left #lararea .larimg{ height:500px; width:500px;position:absolute;left:0px;top:0px;
}
.main-show .s-left .simg{ width:60px; height:60px;display:block;position:absolute;top:312px;
border:1px solid #ccc;}
.main-show .s-left .simg:hover{border:1px solid #e39300;}

.main-show .s-left .bian{top:390px;color:#555; font-size:14px;display:inline-block;position:relative;
float:left;
}
.main-show .s-left .bian a{margin-left:7px;width:16px; height:16px;display:inline-block;}
.main-show .s-left .bian a:nth-of-type(1){
background:url(../images/inform/infox.png) no-repeat;
background-position:0 -234px;
}
.main-show .s-left .bian a:nth-of-type(2){
background:url(../images/inform/infox.png) no-repeat;
background-position:0 -216px;
}
.main-show .s-left .bian a:nth-of-type(3){
background:url(../images/inform/infox.png) no-repeat;
background-position:0 -270px;
}
.main-show .s-left .bian a:nth-of-type(4){
background:url(../images/inform/infox.png) no-repeat;
background-position:0 -198px;
}
.main-show .s-left .bian .morebox1{display:inline-block; width:250px; height:350px;
position:absolute;left:256px;top:0px;
}
.main-show .s-left .bian .morebox1 .pl{ width:16px; height:16px;display:inline-block;
background:#ff6100;color:#fff; font-size:24px;font-weight:900;
line-height:16px;text-align:center;
}
.main-show .s-left .bian .morebox1 .showbox1{ width:227px; height:335px; border:1px solid #e0dfdd;
background:#fff;display:none;
}
/*position:absolute;left:309px;*/
.bian .morebox1 .showbox1 h4{ width:220px; height:30px;background:#e5e5e5;line-height:30px;
color:#3b3b3b;font-weight:900;padding-left:7px;}

.bian .morebox1 .showbox1 ul{ height:278px; width:220px; display:flex;flex-direction:row;background:#fff;
flex-wrap:wrap;padding-left:7px;
}
.bian .morebox1 .showbox1 ul li{ width:100px; height:30px;margin-right:5px;}
.bian .morebox1 .showbox1 ul li a{ width:70px; height:30px;display:block;color:#3b3b3b;font-size:12px;
line-height:30px;padding-left:30px;margin-right:8px;}
.bian .morebox1 .showbox1 ul li:hover{background:#e5e5e5;border-radius:3px;}
.bian .morebox1 .showbox1 ul li:hover a{color:#f39800;}
.bian .morebox1 .showbox1 ul li:nth-of-type(1) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2439px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(2) a{background:url(../images/xb.png) no-repeat;
background-position:5px -46px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(3) a{background:url(../images/xb.png) no-repeat;
background-position:5px -96px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(4) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3061px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(5) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1604px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(6) a{background:url(../images/xb.png) no-repeat;
background-position:5px -200px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(7) a{background:url(../images/xb.png) no-repeat;
background-position:5px -252px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(8) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2540px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(9) a{background:url(../images/xb.png) no-repeat;
background-position:5px -304px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(10) a{background:url(../images/xb.png) no-repeat;
background-position:5px -356px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(11) a{background:url(../images/xb.png) no-repeat;
background-position:5px -720px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(12) a{background:url(../images/xb.png) no-repeat;
background-position:5px -460px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(13) a{background:url(../images/xb.png) no-repeat;
background-position:5px -148px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(14) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2646px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(15) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2488px;
}
.bian .morebox1 .showbox1 ul li:nth-of-type(16) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3112px;
}
/*.bian .morebox1 .showbox1 .smore{ width:222px; height:32px;background:#e5e5e5;padding-right:5px;}*/
/*.bian .morebox1 .showbox1 .smore a{display:block;float:right;*/
/*background:url(../images/xb.png) no-repeat;*/
/*background-position:5px 8px;font-size:12px;*/
/*color:#3b3b3b;font-weight:900;line-height:32px;padding-left:30px;*/
/*}*/
/*.bian .morebox1 .showbox1 .smore a:hover{color:#96dcfa;}*/

.main-show .s-right{display:flex;flex-direction:column;}
.main-show .s-right h4{font-size:16px;font-weight:900;color:#555555;margin-top:20px;}
.main-show .s-right .price{height:60px;line-height:60px;
}
.main-show .s-right .price p{color:#444444;font-size:12px;display:block;float:left;
margin-left:78px; }
.main-show .s-right .price .pa{color:#e53a3e;font-size:20px;}
.price .pri-r{float:right;font-size:14px;margin-right:45px;width:180px;
height:220px;display:block;position:relative;}
.price .pri-r .phon{ display:block;height:42px;line-height:42px;float:right;
text-align:center;margin:0 20px;right:20px;position:absolute;
}
.s-right .price .pri-r .erweim{height:160px;padding-top:20px;
width:180px;border-top:none;text-align:center;display:none;
position:absolute;right:-3px;top:24px;
}

.s-right .sale{height:45px; width:100%;
display:flex;flex-direction:row}
.s-right .sale p{ width:508px;height:40px;display:inline-block;color:#5a5a60;
font-size:12px; line-height:40px;text-align:center;
border:1px solid #ccc;z-index:-100;
}
.s-right .counts{display:flex;flex-direction:row; margin-top:35px;}
.s-right .counts p{color:#44444a;font-size:14px;margin-left:50px;}
.s-right .counts a{display:block; width:25px; height:25px;background:#f5f5f5;
font-size:24px;color:#000;text-align:center;line-height:25px; border:1px solid #cccccc;
}
.s-right .counts .n{display:inline-block; width:54px; height:25px;line-height:25px;
text-align:center;font-size:16px;
border-top:1px solid #cccccc;border-bottom:1px solid #cccccc}
.s-right .counts h6{font-size:16px;color:#555555;font-weight:900;margin-left:30px;
margin-right:5px;}
.s-right .counts .zong{color:#e93a3e; font-size:18px;}
.s-right .obuy{display:block;margin-left:80px;margin-top:15px;}
.s-right .obuy a{display:inline-block; width:130px; height:36px;
font-size:18px;color:#fff;border-radius:5px;text-align:center;line-height:36px;
margin:0 5px;}
.s-right .obuy a:nth-of-type(1){background:#d5281f;}
.s-right .obuy a:nth-of-type(2){background:#fd6262;}

.main .main-img h3{color:#555555;font-size:18px; width:1315px;margin-bottom:10px;
height:50px;line-height:40px; border-bottom:1px solid #cccccc; }
.main .main-img h3:nth-of-type(2){font-weight:900;line-height:45px;}
.main .main-img .evalua{ width:1315px; height:120px;}
.main .main-img .evalua h3{font-weight:900;line-height:45px;}
.main-img .evalua .eva-left{display:inline-block;margin-left:85px;float:left;

}
.evalua .eva-left span{font-size:12px;color:#444444;font-weight:900;line-height:20px;}
.evalua .eva-left h6{display:inline;color:#ff6600;font-size:20px;padding-left:10px;}
.evalua .eva-left p{color:#ccc}
.main-img .evalua .eva-right{height:60px;float:left;margin-left:75px;
position:relative;
}
.evalua .eva-right .evashow{ width:400px; height:11px;background:#ccc;
background:-webkit-linear-gradient(left,white,#ffa96d);margin-top:25px;
}
.evalua .eva-right ul{display:flex;flex-direction:row;
}
.evalua .eva-right ul li{text-align:center;flex-grow:1;}
.evalua .eva-right ul li span{font-size:12px;position:absolute;top: 21px;}
.eva-right ul li p{color:#848a88;font-size:12px;margin-top:5px;}


/*相关产品*/
#produ-wrapper{ width:100%;}
#produ-wrapper .produ{ width:1315px;margin:0 auto; border:1px solid #cccccc;
overflow:hidden;
}

.produ .rel{display:inline-block; width:1300px; height:30px;position:relative;
border-bottom:1px solid #cccccc;
color:#444;font-size:16px;line-height:30px;padding-left:15px;
}

.produ .pro{position:relative; width:1315px;}

.produ .pro #myul{display:flex;flex-direction:row;height:293px; width:3000px;
border-top:none;overflow:hidden;position:relative;}
.produ .pro #myul li{margin:0 9px; width:200px; height:200px;}
.produ .pro #myul li .proimg{display:block; width:200px; height:200px; border:1px solid #ccc;
margin-top:20px;
}
.produ .pro #myul li:hover .proimg{ border:1px solid #ff6600;}
.produ .pro #myul li:nth-of-type(3) .proimg img{padding-top:25px;}
.produ .pro #myul li span{color:#e53a3e;font-size:16px;display:block;margin:10px 0 5px 0;}
.produ .pro #myul li .pp p{color:#444444;font-size:14px;font-weight:900;}
.produ .pro #myul li .pp:hover p{color:#ffa96d}

.produ .pro .jiant a{display:block; width:30px; height:57px; background:#ccc;
font-size:24px;text-align:center;line-height:57px;position:absolute;opacity:0.8;
color:#000;
}
.produ .pro .jiant .lrow{ left:10px;top:117px;}
.produ .pro .jiant .rrow{ right:15px;top:117px;}
